<template>
	<div class="yp_myOrderform">
			<div class="yp_myOrderform_top">
				<h3>我的积分<a href="">查看账单</a></h3>
			</div>
			<div  class="yp_myCard_ipt">
				<input type="text" placeholder="请输入充值卡兑换码进行充值" />
				<span>
					立即充值
				</span>
			</div>
		</div>
</template>

<script>
	export default {
		name: "refillCard",
		data() {
			return {
				str: "nihao"
			}
		}
	}
</script>

<style scoped>
	.yp_myOrderform{
		width: 1085px;
		min-height: 609px;
		float: right;
		border: 1px solid gainsboro;
	}
	.yp_myOrderform_top{
		height: 61px;
		line-height: 61px;
		padding-left: 20px;
		border-bottom: 1px solid gainsboro;
	}
	.yp_myOrderform_top h3 a{
		float: right;
		padding: 0 20px;
		color: gray;
	}
	.yp_myCard_ipt{
		width: 420px;
		margin: 100px 20px;
	}
	.yp_myCard_ipt input{
		font-size: 18px;
		width: 400px;
		height: 50px;
		border: 1px solid gainsboro;
		padding-left: 20px;
	}
	.yp_myCard_ipt span{
		display: block;
		width: 80px;
		padding: 10px 20px 10px 30px;
		margin-top: 100px;
		background-color: orangered;
		border-radius: 10px;
		color: white;
		font-weight: 500;
		font-size: 18px;
	}
</style>